<div class="row pie-charts">

    <ba-card class="pie-chart-item-container col-xlg-3 col-lg-3 col-md-6 col-sm-12 col-xs-12">

        <div class="pie-chart-item">
            <div class="chart">
                <i class="ion-ios-lightbulb dashIcons"></i>
            </div>
            <div class="description">
                <div>Total Ideas</div>
                <div class="description-stats">{{ totalIdeaCount }}</div>
            </div>
        </div>
    </ba-card>

    <ba-card class="pie-chart-item-container col-xlg-3 col-lg-3 col-md-6 col-sm-12 col-xs-12">

        <div class="pie-chart-item">
            <div class="chart">
                <i class="ion-chatboxes dashIcons"></i>
            </div>
            <div class="description">
                <div>Total Comments</div>
                <div class="description-stats">{{ totalCommentCount }}</div>
            </div>
        </div>
    </ba-card>

    <ba-card class="pie-chart-item-container col-xlg-3 col-lg-3 col-md-6 col-sm-12 col-xs-12">

        <div class="pie-chart-item">
            <div class="chart">
                <i class="ion-ios-lightbulb dashIcons"></i>
            </div>
            <div class="description">
                <div>Your Ideas</div>
                <div class="description-stats">{{ userIdeaCount }}</div>
            </div>
        </div>
    </ba-card>

    <ba-card class="pie-chart-item-container col-xlg-3 col-lg-3 col-md-6 col-sm-12 col-xs-12">

        <div class="pie-chart-item">
            <div class="chart">
                <i class="ion-chatboxes dashIcons"></i>
            </div>
            <div class="description">
                <div>Your Comments</div>
                <div class="description-stats">{{ userCommentCount }}</div>
            </div>
        </div>
    </ba-card>

</div>
